<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="en" class="ie6 ielt7 ielt8 ielt9"><![endif]--><!--[if IE 7 ]><html lang="en" class="ie7 ielt8 ielt9"><![endif]--><!--[if IE 8 ]><html lang="en" class="ie8 ielt9"><![endif]--><!--[if IE 9 ]><html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>tenSeeHou</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/css/bootstrap1.min.css" rel="stylesheet">
    <link href="/css/bootstrap1-responsive.min.css" rel="stylesheet">
    <link href="/css/site.css" rel="stylesheet">
    <link href="/css/my.css" rel="stylesheet">
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div class="container">
    <div th:insert="~{Common/tenCommon::topbar(active='tsh')}"></div>
    <div class="row">
        <div th:insert="~{Common/tenCommon::sidebar(active='tsh')}"></div>

        <div class="span9">
            <h1>看房记录</h1>
            <legend>待缴费</legend>
            <ul class="files zebra-list">
                <li th:each="nowRec:${nowRecord}">
                    <i class="icon-file"></i> <strong class="title">申请查看房屋[[${nowRec.get("house_id")}]]的情况</strong>
                    <span class="meta"><em>代缴费</em></span>
                    <a class="toggle-link" href="#new-file"><i class="icon-plus"></i> 缴费</a>
                    <form id="new-file" class="form-horizontal hidden"
                          th:action="@{/tenActPay/}+${nowRec.get('id')} + '/' + ${nowRec.get('house_id')}" method="post">
                        <fieldset>
                            <legend>缴费</legend>
                            <div class="control-group">
                                <label class="control-label" for="input01">服务费</label>
                                <div class="controls">
                                    <input type="text" value="50元" readonly="readonly" class="input-xlarge" id="input01" />
                                </div>
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="btn btn-primary">确认缴费</button>
                            </div>
                        </fieldset>
                    </form>
                    <a class="toggle-link" th:href="@{/tenDelPay/}+${nowRec.get('id')}"><i class="icon-minus"></i> 取消该订单</a>
                </li>
            </ul>

            <legend>历史记录</legend>
            <ul class="files zebra-list">
                <li th:each="hisRec:${hisRecord}">
                    <i class="icon-file"></i> <strong class="title">查看了房屋[[${hisRec.get("house_id")}]]的情况</strong>
                    <span class="meta"><em>[[${hisRec.get("record_date")}]]</em></span>
                </li>
            </ul>

        </div>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/site.js"></script>
</body>
</html>
